
const layer = layui.layer;

//获取用户信息
getUserInfo();
function getUserInfo() {
  $.ajax({
    method: "GET",
    url: "/my/userinfo",
    //headers 配置参数，请求头配置对象
    /*
    headers: {
      Authorization: localStorage.getItem("token"),
    }, 
    */
    success: function (res) {
      // console.log(res);
      if (res.status !== 0) {
        return layer.msg("获取用户信息失败！");
      }
      // 必须和user_info内修改表单中取舍，否则修改用户信息是回弹出两弹窗
      // layer.msg("获取用户信息成功");
      //调用渲染函数，传入res.data
      renderAvatar(res.data)
    },
    // 无论当前请求成功或者失败，都会在整个请求过程的最后调用 complete 回调函数
    complete: function (res) {
      console.log(res);
      // 通过res拿到res上的responseJSON，再通过responseJSON获取到message
      if (res.responseJSON.status === 1 && res.responseJSON.message === "身份认证失败") {
        // 清空token
        localStorage.removeItem('token')
        // 页面跳转到login
        location.href = '/Big-event/login.html'
      }
    }
  });
}

//渲染用户信息（昵称+头像）
function renderAvatar(user) {
  //1.获取用户名称(username/nickname)
  let name = user.nickname || user.username;
  //2.设置欢迎的文本
  $('#welcome').html(`欢迎&nbsp;&nbsp;${name}`)
  //3.按需渲染用户头像
  //3-1如果有图片头像
  if (user.user_pic !== null) {
    $('.layui-nav-img').attr('src', user.user_pic).show()
    $('.text-avatar').hide()
  } else {
    //3-2如果没有图片头像，直接渲染文字头像
    $('.layui-nav-img').hide()
    const first = name[0].toUpperCase()
    $('.text-avatar').html(first).show()
  }
}
// 用户退出功能
$('#logOut').on('click', function () {
  // e.preventDefault();
  layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
    // 1.清除当前用户的本地存储的`token`
    localStorage.removeItem('token')
    // 2.重定向 =>退出登录应该转到登录框， 平级直接/login
    location.href = '/Big-event/login.html'
    // 关闭  询问框
    layer.close(index)
  })
})
